<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="vtc" uri="/ls-trade-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
<head>
	<title>Report Generation</title>
	
	
</head>
<body>
<link rel="stylesheet" type="text/css" href="<s:url value="/css/jquery.multiselect.css"/>" />
<link rel="stylesheet" type="text/css" href="<s:url value="/css/jquery.ui/jquery-ui-1.8.14.custom.css"/>" />
<script type="text/javascript" src="<s:url value="/js/jquery-ui-1.8.14.custom.min.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery.multiselect.js"/>"></script>

<script type="text/javascript">
$(document).ready(function(){
	$('.ui-multiselect').remove();	
	$(".multiSelect").multiselect();
})
</script>
<div class="content"> <!-- InstanceBeginEditable name="content" --> 
                          <script>var menuSelected = "report";</script>
                          <div class="pageTitle">Report Generation -B15</div>
                          <div class="form2">
                            <table cellspacing="0" cellpadding="0" border="0">
                              <tbody><tr>
                                <td class="sep"><img style="width:400px;" src="../images/spacer.gif"></td>
                                <td class="sep sep2"><img src="../images/spacer.gif"></td>
                              </tr>
                			  <%@include file="common_dropdown.jsp"%>
                              <tr>
                                <td style="padding:5px" colspan="2"><div class="form1">
                                    <div class="pageTitle2">Report Selection Criteria -B15</div>
                                    <table cellspacing="0" cellpadding="0" border="0" style="" id="rpt_criteria_1">
                                      <tbody><tr>
                                        <td class="sep"><img style="width:200px;" src="../images/spacer.gif"></td>
                                        <td class="sep"><img style="width:180px;" src="../images/spacer.gif"></td>
                                        <td class="sep"><img style="width:180px;" src="../images/spacer.gif"></td>
                                        <td class="sep sep2"><img src="../images/spacer.gif"></td>
                                      </tr>
                                        <tr>
                                        <td><label class="fLabel">Planning Exercise</label>
                                          <div>
                                            <div class="fField">
                                              <select  name="" id="planningExerciseList">
                                              	<s:iterator value="planningExerciseList" var="o">
                                              		<option value="${o.planYear}">${o.planYear}</option>
                                              	</s:iterator>
                                              </select>
                                            </div>
                                          </div></td>
                                        <td><label class="fLabel">Plan Name</label>
                                          <div>
                                            <div class="fField">
                                            
                                              <select name="" id="planNameSelect">
                                                 <option value="">--Select--</option>
                                              </select>
                                              
                                            </div>
                                          </div></td>
                                          
                                          <td><label class="fLabel">Archive Image</label>
                                          <div>
                                            <div class="fField">
                                              <select name="" id="archiveImage">
                                               <option value="">--Select--</option>
                                              </select>
                                            </div>
                                          </div></td>
                                      
                                      </tr>
                                      
                                      <tr>
                                            <td><label class="fLabel">Member Institution</label>
                                          <div>
                                            <div class="fField">
                                                 <select name="" id="memberInstitution" class="multiSelect">
                                              		<option  value="">below is static</option>
                                              		<option  value="">IVE / HKDI</option>
                                              		<option value="">SBI</option>
                                              		<option  value="">YC</option>
                                              		<option  value="">PRO-ACT</option>
                                              		<option  value="">MSTI</option>
                                              		<option  value="">OTHERS</option>
                                              </select>
                                            </div>
                                          </div></td>
                                      
                                      	
                                              <td><label class="fLabel">Campus</label>
                                          <div>
                                            <div class="fField">
                                              <select name="campusList" id="dd_campus" class="multiSelect">
                                              	<s:iterator value="campusList" var="o">
                                              		<option value="${o.code }">${o.desc}</option>
                                              	</s:iterator>
                                              </select>
                                            </div>
                                          </div></td>
                                        
                                            <td><label class="fLabel">Programme Board</label>
                                          <div>
                                            <div class="fField">
                                              <select size="5" name="" id="" multiple="multiple" class="multiSelect" style="display: none;">
                                             	<s:iterator value="paramService.programmeBoardList" var="o">
                                              		<option value="${o.code }">${o.desc}</option>
                                              	</s:iterator>
                                              </select><button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" tabindex="0" style="width: 225px;"><span class="ui-icon ui-icon-triangle-2-n-s"></span><span>4 selected</span></button><div class="ui-multiselect-menu ui-widget ui-widget-content ui-corner-all" style="width: 217px; top: 399px; left: 512px; display: none;"><div class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix"><ul class="ui-helper-reset"><li><a href="#" class="ui-multiselect-all"><span class="ui-icon ui-icon-check"></span><span>Check all</span></a></li><li><a href="#" class="ui-multiselect-none"><span class="ui-icon ui-icon-closethick"></span><span>Uncheck all</span></a></li><li class="ui-multiselect-close"><a class="ui-multiselect-close" href="#"><span class="ui-icon ui-icon-circle-close"></span></a></li></ul></div><ul class="ui-multiselect-checkboxes ui-helper-reset" style="height: 175px;"><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-0"><input type="checkbox" title="Option 1" value="option1" name="multiselect_7" id="ui-multiselect-7-option-0" aria-selected="true"><span>Option 1</span></label></li><li class=""><label class="ui-corner-all ui-state-hover" for="ui-multiselect-7-option-1"><input type="checkbox" title="Option 2" value="option2" name="multiselect_7" id="ui-multiselect-7-option-1" aria-selected="true"><span>Option 2</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-2"><input type="checkbox" title="Option 3" value="option3" name="multiselect_7" id="ui-multiselect-7-option-2" aria-selected="true"><span>Option 3</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-3"><input type="checkbox" title="Option 4" value="option4" name="multiselect_7" id="ui-multiselect-7-option-3" aria-selected="true"><span>Option 4</span></label></li></ul></div>
                                            </div>
                                          </div></td>
                                                 <td><label class="fLabel">Mode of Study</label>
                                          <div>
                                            <div class="fField">
                                              <select size="5" name="" id="" multiple="multiple" class="multiSelect" style="display: none;">
                                             	<s:iterator value="paramService.studyModeList" var="o">
                                              		<option value="${o.code }">${o.desc}</option>
                                              	</s:iterator>
                                              </select><button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" tabindex="0" style="width: 225px;"><span class="ui-icon ui-icon-triangle-2-n-s"></span><span>4 selected</span></button><div class="ui-multiselect-menu ui-widget ui-widget-content ui-corner-all" style="width: 217px; top: 399px; left: 512px; display: none;"><div class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix"><ul class="ui-helper-reset"><li><a href="#" class="ui-multiselect-all"><span class="ui-icon ui-icon-check"></span><span>Check all</span></a></li><li><a href="#" class="ui-multiselect-none"><span class="ui-icon ui-icon-closethick"></span><span>Uncheck all</span></a></li><li class="ui-multiselect-close"><a class="ui-multiselect-close" href="#"><span class="ui-icon ui-icon-circle-close"></span></a></li></ul></div><ul class="ui-multiselect-checkboxes ui-helper-reset" style="height: 175px;"><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-0"><input type="checkbox" title="Option 1" value="option1" name="multiselect_7" id="ui-multiselect-7-option-0" aria-selected="true"><span>Option 1</span></label></li><li class=""><label class="ui-corner-all ui-state-hover" for="ui-multiselect-7-option-1"><input type="checkbox" title="Option 2" value="option2" name="multiselect_7" id="ui-multiselect-7-option-1" aria-selected="true"><span>Option 2</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-2"><input type="checkbox" title="Option 3" value="option3" name="multiselect_7" id="ui-multiselect-7-option-2" aria-selected="true"><span>Option 3</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-3"><input type="checkbox" title="Option 4" value="option4" name="multiselect_7" id="ui-multiselect-7-option-3" aria-selected="true"><span>Option 4</span></label></li></ul></div>
                                            </div>
                                          </div></td>
                                          
                                    
                                      </tr>
                                       <tr>
                                          <td><label class="fLabel">Figure </label>
                                          <div>
                                            <div class="fField">
                                               <select size="5" name="" id="" multiple="multiple" class="multiSelect" style="display: none;">
                                             	<option value="option1">Planned Places</option>
                                                <option value="option2">Default Planned Places</option>
                                                <option value="option2">Planned Places * Curriculum Hr</option>
                                              </select><button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" tabindex="0" style="width: 225px;"><span class="ui-icon ui-icon-triangle-2-n-s"></span><span>4 selected</span></button><div class="ui-multiselect-menu ui-widget ui-widget-content ui-corner-all" style="width: 217px; top: 399px; left: 512px; display: none;"><div class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix"><ul class="ui-helper-reset"><li><a href="#" class="ui-multiselect-all"><span class="ui-icon ui-icon-check"></span><span>Check all</span></a></li><li><a href="#" class="ui-multiselect-none"><span class="ui-icon ui-icon-closethick"></span><span>Uncheck all</span></a></li><li class="ui-multiselect-close"><a class="ui-multiselect-close" href="#"><span class="ui-icon ui-icon-circle-close"></span></a></li></ul></div><ul class="ui-multiselect-checkboxes ui-helper-reset" style="height: 175px;"><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-0"><input type="checkbox" title="Option 1" value="option1" name="multiselect_7" id="ui-multiselect-7-option-0" aria-selected="true"><span>Option 1</span></label></li><li class=""><label class="ui-corner-all ui-state-hover" for="ui-multiselect-7-option-1"><input type="checkbox" title="Option 2" value="option2" name="multiselect_7" id="ui-multiselect-7-option-1" aria-selected="true"><span>Option 2</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-2"><input type="checkbox" title="Option 3" value="option3" name="multiselect_7" id="ui-multiselect-7-option-2" aria-selected="true"><span>Option 3</span></label></li><li class=""><label class="ui-corner-all" for="ui-multiselect-7-option-3"><input type="checkbox" title="Option 4" value="option4" name="multiselect_7" id="ui-multiselect-7-option-3" aria-selected="true"><span>Option 4</span></label></li></ul></div>
                                            </div>
                                          </div></td>
                                          
                                        <td colspan="2"><label class="fLabel">Main Stream</label>
                                          <div>
                                            <div class="fField">
                                            <input type="radio" name="mainStream" value="All"/>All 
                                            <input type="radio" name="mainStream" value="Y"/>Y
                                            <input type="radio" name="mainStream" value="N"/>N
                                            </div>
                                          </div></td>
                                      </tr>
                                      
                                    </tbody></table>
                                  </div>
</td>
                              </tr>        
                            </tbody></table>
                            <div class="btnSet btnSetTypeA">
                              <div class="left">
                                <div class="button">
                                  <div class="left">
                                    <div class="right">
                                      <input type="button" value="Submit" name="" id="" class="inputButton">
                                    </div>
                                  </div>
                                </div>
                                <div class="button">
                                  <div class="left">
                                    <div class="right">
                                      <input type="button" value="Clear" name="" id="" class="inputButton">
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- InstanceEndEditable --> </div>

</body>
</html>
